import Vue from "vue";
import Vuex from "vuex";

Vue.use(Vuex);

export default new Vuex.Store({
  state: {
    num: 100,
  },
  //唯一取值方法，计算属性
  getters: {
    getState(state) {
      return state.num;
    },
  },
  // 唯一修改state值方法 同步
  mutations: {
    updateNum(state, num) {
      state.num=num;
      console.log(num);
    },
  },
  // 异步调用mutations方法
  actions: {
    asyncUpdateNum(context, num) {
      context.commit("updateNum", num);
    },
  },
  modules: {},
});
